<div class="sectionlist normallist">
    <ul>
            <li><a href="qtdesignstudio-toc.html">View All topics</a></li>
    </ul>
</div>
<div class="sectionlist normallist">
    <ul>
            <li><a href="whats-new.html">What's new in Qt Design Studio</a></li>
    </ul>
</div>
<div class="sectionlist normallist">
    <div class="heading">
        <h2>Getting started</h2>
    </div>
    <ul>
        <li><a href="studio-getting-started.html">Overview</a></li>
        <li><a href="studio-installation.html">Installing Qt Design Studio</a></li>
        <li><a href="studio-projects.html">Creating projects</a></li>
        <li><a href="creator-quick-tour.html">User interface</a></li>
    </ul>
</div>
<div class="sectionlist normallist">
    <div class="heading">
        <h2>Key concepts</h2>
    </div>
    <ul>
        <li><a href="quick-animation-overview.html">Animation techniques</a></li>
        <li><a href="studio-exporting-and-importing.html">Creating assets with other tools</a></li>
        <li><a href="qtquick-creating-ui-logic.html">Creating UI logic</a></li>
        <li><a href="quick-components.html">Components</a></li>
        <li><a href="studio-designer-developer-workflow.html">Designer-developer workflow</a></li>
        <li><a href="studio-on-mcus.html">Qt Design Studio on MCUs</a></li>
    </ul>
</div>
<!--Working With-->
<div class="sectionlist normallist">
    <div class="heading">
        <h2>Working with</h2>
    </div>
    <ul>
        <li><a>2D assets</a>
            <ul>
                <li><a href="qtbridge-ai.html">Adobe Illustrator assets</a></li>
                <li><a href="psqtbridge.html">Adobe Photoshop assets</a></li>
                <li><a href="xdqtbridge.html">Adobe XD assets</a></li>
                <li><a href="figmaqtbridge.html">Figma assets</a></li>
                <li><a href="qtbridge-figma-template.html">Figma Bridge template</a></li>
                <li><a href="quick-images.html">Images</a></li>
                <li><a href="studio-importing-2d.html">Importing 2D assets</a></li>
                <li><a href="sketchqtbridge.html">Sketch assets</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>3D Assets</a>
            <ul>
                <li><a href="exporting-3d-assets.html">Exporting 3D assets</a></li>
                <li><a href="exporting-from-blender.html">Exporting from Blender</a></li>
                <li><a href="exporting-from-maya.html">Exporting from Maya</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>3D scenes</a>
            <ul>
                <li><a href="studio-3d-camera.html">Cameras</a></li>
                <li><a href="studio-3d-lights.html">Lights</a></li>
                <li><a href="studio-3d-scene-environment.html">Scene Environments</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Animations</a>
            <ul>
                <li><a href="studio-timeline.html">Creating timeline animations</a></li>
                <li><a href="qtquick-editing-easing-curves.html">Editing easing curves</a></li>
                <li><a href="studio-3d-morph-target.html">Morph animations</a></li>
                <li><a href="studio-skeletal-components.html">Skeletal animation</a></li>
                <li><a href="qtquick-transition-editor.html#animating-transitions-between-states">Transitions between states</a></li>
                <li><a href="qtquick-curve-editor.html#editing-animation-curves">Editing animation curves</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Code</a>
            <ul>
                <li><a href="qtquick-text-editor.html">Code</a></li>
                <li><a href="creator-jump-to-the-code.html">Jump to the Code</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Components</a>
            <ul>
                <li><a href="quick-components.html">Overview</a></li>
                <li><a href="qtquick-annotations.html">Annotating designs</a></li>
                <li><a href="quick-components-view.html#adding-and-removing-modules">Adding and removing modules</a></li>
                <li><a href="quick-component-instances.html">Creating component instances</a></li>
                <li><a href="quick-components-creating.html">Creating custom components</a></li>
                <li><a href="studio-3d-group.html">Grouping components</a></li>
                <li><a href="qtquick-properties.html">Specifying component properties</a></li>
                <li><a href="quick-dynamic-properties.html">Specifying custom properties</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Connections</a>
            <ul>
                <li><a href="quick-property-bindings.html">Adding bindings between properties</a></li>
                <li><a href="quick-signals.html">Connecting components to signals</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Data</a>
            <ul>
                <li><a href="quick-data-models.html">Lists and other data models</a></li>
                <li><a href="qtquick-placeholder-data.html">Loading placeholder data</a></li>
                <li><a href="studio-javascript.html">Simulating application logic</a></li>
                <li><a href="studio-simulink.html">Simulating dynamic systems</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Debugging and profiling</a>
            <ul>
                <li><a href="studio-accessing-output-issues-and-warnings.html">Accessing output, issue, and warning messages</a></li>
                <li><a href="creator-qml-debugging-example.html">Debugging Qt Quick Applications</a></li>
                <li><a href="creator-debugging-qml.html">Debugging Qt Quick Projects</a></li>
                <li><a href="creator-qml-performance-monitor.html">Profiling QML Applications</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Effects</a>
            <ul>
                <li><a href="working-with-effects.html">Overview</a></li>
                <li><a href="quick-2d-effects.html">2D effects</a></li>
                <li><a href="studio-3d-effects.html">3D effects</a></li>
                <li><a href="studio-3d-custom-effects-materials.html">Custom effects in Qt 5</a></li>
                <li><a href="quick-design-effects.html">Design Effects</a></li>
                <li><a href="qtquick-effect-composer-view.html">Effect Composer</a></li>
                <li><a href="studio-3d-particles.html">Particles</a></li>
                <li><a href="studio-content-library.html#adding-an-effect-to-your-project">Using the Content Library effects</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>External tools</a>
            <ul>
                <li><a href="creator-editor-external.html">Using external tools</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Git</a>
            <ul>
                <li><a href="creator-vcs-git.html">Using Git</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Internationalization</a>
            <ul>
                <li><a href="studio-translations.html#importing-and-exporting-translations">Translations</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Layouts</a>
            <ul>
                <li><a href="qtquick-positioning.html">Scalable layouts</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Logical helpers</a>
            <ul>
                <li><a href="quick-logic-helpers.html">Logical helpers</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Materials</a>
            <ul>
                <li><a href="studio-material-editor.html">Materials</a></li>
                <li><a href="studio-3d-materials.html">Materials and shaders</a></li>
                <li><a href="studio-content-library.html#adding-a-material-to-your-project">Using the Content Library materials</a></li>
                <li><a href="studio-3d-custom-effects-materials.html">Custom materials in Qt 5</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Previewing</a>
            <ul>
                <li><a href="studio-live-preview-desktop.html">Previewing on desktop</a></li>
                <li><a href="creator-live-preview-devices.html">Previewing on devices</a></li>
                <li><a href="qt-design-viewer.html">Sharing applications online</a></li>
                <li><a href="qt-ui-viewer.html">Viewing applications on Android</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Projects</a>
            <ul>
                <li><a href="studio-projects.html">Creating projects</a></li>
                <li><a href="studio-designer-developer-workflow.html">Designer-developer workflow</a></li>
                <li><a href="studio-packaging.html">Packaging applications</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Qt Design Studio on MCUs</a>
            <ul>
                <li><a href="studio-on-mcus.html">Overview</li>
                <li><a href="studio-connecting-mcus-with-creator.html">Connecting MCUs with Qt Creator</a></li>
                <li><a href="studio-projects-for-mcus.html">Creating projects for MCUs</a></li>
                <li><a href="studio-creating-uis-for-mcus.html">Creating UIs for MCUs</a></li>
                <li><a href="studio-developing-apps-for-mcus.html">Developing applications for MCUs</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Rendering</a>
            <ul>
                <li><a href="studio-3d-instancing.html">Instanced rendering</a></li>
                <li><a href="studio-3d-repeater-3d.html">The Repeater3D component</a></li>
                <li><a href="studio-3d-loader-3d.html">The Loader3D component</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Shaders</a>
            <ul>
                <li><a href="studio-3d-custom-shaders.html">Custom shaders</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>States</a>
            <ul>
                <li><a href="quick-states.html">States</li>
                <li><a href="qtquick-transition-editor.html#animating-transitions-between-states">Transitions between states</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Textures</a>
            <ul>
                <li><a href="studio-texture-editor.html">Textures</a></li>
                <li><a href="studio-3d-texture.html">The Texture component</a></li>
                <li><a href="studio-content-library.html#adding-a-texture-or-environment-to-your-project">Using Content Library textures</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>UI controls and elements</a>
            <ul>
                <li><a href="quick-shapes.html">Shapes</a></li>
                <li><a href="quick-text.html">Text</a></li>
                <li><a href="quick-controls.html">UI controls</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>User Data</a>
            <ul>
                <li><a href="studio-collecting-usage-statistics.html">Collecting usage statistics</a></li>
                <li><a href="studio-user-feedback.html">Collecting user feedback</a></li>
                <li><a href="studio-telemetry.html">Managing data collection</a></li>
                <li><a href="studio-crashpad.html">Reporting crashes</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>User Interaction</a>
            <ul>
                <li><a href="quick-user-interaction-methods.html">User interaction methods</a></li>
            </ul>
        </li>
    </ul>
</div>

<div class="sectionlist normallist">
    <div class="heading">
        <h2>Best practices</h2>
    </div>
    <ul>
        <li><a>Graphics</a>
            <ul>
                <li><a href="best-practices-glow.html">Creating the glow and the bloom effects</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Performance</a>
            <ul>
                <li><a href="studio-optimized-3d-scenes.html">Creating optimized 3D scenes</a></li>
                <li><a href="qtquick-optimizing-designs.html">Optimizing designs</a></li>
                <li><a href="qtquick-production-quality-animation.html">Production quality</a></li>
            </ul>
        </li>
    </ul>
</div>

<div class="sectionlist normallist">
    <div class="heading">
        <h2>Tutorials</h2>
    </div>
    <ul>
        <li><a href="gstutorials.html">Overview</a></li>
        <li><a href="multilanguage-tutorial.html">Adding multi-language support to your project</a></li>
        <li><a href="state-transition-animations.html">Animated state transitions</a></li>
        <li><a href="robotarm-example.html">Creating a C++ backend for a Qt Design Studio application</a></li>
        <li><a href="qtdesignstudio-loginui1-example.html">Login UI: Components</a></li>
        <li><a href="qtdesignstudio-loginui2-example.html">Login UI: Positioning</a></li>
        <li><a href="qtdesignstudio-loginui3-example.html">Login UI: States</a></li>
        <li><a href="qtdesignstudio-loginui4-example.html">Login UI: Timeline</a></li>
        <li><a href="fire-particle-effect.html">Particle System: The fire effect</a></li>
        <li><a href="rain-snow-particle-effect.html">Particle System: The rain and the snow effects</a></li>
        <li><a href="3d-scene-tutorial.html">Setting up a 3D scene</a></li>
        <li><a href="animation-tutorial.html">Timeline animation</a></li>
    </ul>
</div>

<div class="sectionlist normallist">
    <div class="heading">
        <h2>Examples</h2>
    </div>
    <ul>
        <li><a href="studioexamples.html">Overview</a></li>
        <li><a href="qtdesignstudio-coffeemachine-example.html">Coffee Machine</a></li>
        <li><a href="design-effect-example.html">Design Effects Demo</a></li>
        <li><a href="qtdesignstudio-ebikedesign-example.html">E-Bike Design</a></li>
        <li><a href="material-bundle-example.html">Material Bundle</a></li>
        <li><a href="qtdesignstudio-optimal3dscene-example.html">Optimal 3D Scene</a></li>
        <li><a href="qtdesignstudio-progressbar-example.html">Progress Bar</a></li>
        <li><a href="qtdesignstudio-sidemenu-example.html">Side Menu</a></li>
        <li><a href="qtdesignstudio-simplekeyboard-example.html">Simple keyboard</a></li>
        <li><a href="effect-composer-example.html">The Effect Composer example</a></li>
        <li><a href="fresnel-effect-example.html">Fresnel properties on materials</a></li>
        <li><a href="qtdesignstudio-washingmachineui-example.html">Washing Machine UI</a></li>
        <li><a href="qtdesignstudio-webinardemo-example.html">Webinar Demo</a></li>
    </ul>
</div>

<div class="sectionlist normallist">
    <div class="heading">
        <h2>Reference</h2>
    </div>
    <ul>
        <li><a>The 2D components</a>
            <ul>
                <li><a href="quick-preset-components.html#2d-components">Overview</a></li>
                <li><a href="quick-animations.html">Animations</a></li>
                <li><a href="quick-design-effects.html">Design Effects</a></li>
                <li><a href="quick-2d-effects.html">Effects</a></li>
                <li><a href="quick-images.html">Images</a></li>
                <li><a href="quick-data-models.html">Lists and other data models</a></li>
                <li><a href="quick-logic-helpers.html">Logical helpers</a></li>
                <li><a href="quick-shapes.html">Shapes</a></li>
                <li><a href="quick-text.html">Text</a></li>
                <li><a href="quick-user-interaction-methods.html">User interaction methods</a></li>
                <li><a href="quick-controls.html">UI controls</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>3D components</a>
            <ul>
                <li><a href="quick-preset-components.html#3d-components">Overview</a></li>
                <li><a href="studio-3d-camera.html">Cameras</a></li>
                <li><a href="studio-3d-custom-effects-materials.html">Custom effects and materials in Qt 5</a></li>
                <li><a href="studio-3d-custom-shaders.html">Custom shaders</a></li>
                <li><a href="studio-3d-effects.html">Effects</a></li>
                <li><a href="studio-3d-group.html">Group</a></li>
                <li><a href="studio-3d-instancing.html">Instanced rendering</a></li>
                <li><a href="studio-3d-lights.html">Lights</a></li>
                <li><a href="studio-3d-loader-3d.html">Loader3D</a></li>
                <li><a href="studio-3d-materials-types.html">Materials</a></li>
                <li><a href="studio-3d-materials.html">Materials and shaders</a></li>
                <li><a href="studio-3d-model.html">Models</a></li>
                <li><a href="studio-3d-morph-target.html">Morph Target</a></li>
                <li><a href="studio-3d-view.html">Views</a></li>
                <li><a href="studio-3d-node.html">Node</a></li>
                <li><a href="studio-3d-particles.html">Particles</a></li>
                <li><a href="studio-3d-repeater-3d.html">Repeater3D</a></li>
                <li><a href="studio-3d-scene-environment.html">Scene Environments</a></li>
                <li><a href="studio-skeletal-components.html">Skeletal animation</a></li>
                <li><a href="studio-3d-texture.html">Textures</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Files</a>
            <ul>
                <li><a href="creator-quick-ui-forms.html">UI files</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Help</a>
            <ul>
                <li><a href="studio-terms.html">Concepts and terms</a></li>
                <li><a href="studio-keyboard-shortcuts.html">Keyboard shortcuts</a></li>
                <li><a href="creator-how-to-get-help.html">Getting help</a></li>
                <li><a href="studio-platforms.html">Supported platforms</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Qt Design Studio on MCUs</a>
            <ul>
                <li><a href="studio-features-on-mcu-projects.html">Supported features</a></li>
                <li><a href="studio-compatibility-with-mcu-sdks.html">Version compatibility</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Views</a>
            <ul>
                <li><a href="creator-using-qt-quick-designer.html">Overview</a></li>
                <li><a href="qtquick-form-editor.html">2D</a></li>
                <li><a href="studio-3d-editor.html">3D</a></li>
                <li><a href="quick-assets.html">Assets</a></li>
                <li><a href="qtquick-text-editor.html">Code</a></li>
                <li><a href="quick-components-view.html">Components</a></li>
                <li><a href="qtquick-connection-view.html">Connections</a></li>
                <li><a href="studio-content-library.html">Content Library</a></li>
                <li><a href="qtquick-curve-editor.html">Curves</a></li>
                <li><a href="qtquick-effect-composer-view.html">Effect Composer</a></li>
                <li><a href="creator-file-system-view.html">File System</a></li>
                <li><a href="studio-material-editor.html">Material Editor and Browser</a></li>
                <li><a href="qtquick-navigator.html">Navigator</a></li>
                <li><a href="creator-open-documents-view.html">Open Documents</a></li>
                <li><a href="creator-projects-view.html">Projects</a></li>
                <li><a href="qtquick-properties-view.html">Properties</a></li>
                <li><a href="studio-qt-insight.html">Qt Insight</a></li>
                <li><a href="qtquick-states-view.html">States</a></li>
                <li><a href="studio-texture-editor.html">Texture Editor</a></li>
                <li><a href="qtquick-timeline-view.html">Timeline</a></li>
                <li><a href="qtquick-transition-editor.html">Transitions</a></li>
                <li><a href="studio-translations.html">Translations</a></li>
            </ul>
        </li>
    </ul>
</div>